<template>
  <Head>
    <Link rel="stylesheet" href="/css/newclass.css"></Link>
  </Head>
  <main style="background:url('/imgs/bgg.jpg');height: 100vh;background-size: cover;">
    <k-loading :show="showFlag"></k-loading>
    <div v-if="!showFlag">
      <ksd-banner-vip></ksd-banner-vip>
      <div class="App_App__YGjbK"
           style="--page-default-bgColor:rgba(255,255,255,0.4);--page-color:black;--main-width:16rem;
           --text-width:8.88rem;
           --logo-width:2rem;
           --logo-height:.68rem;
           --dlbtn1-color:black;
           --dlbtn1-background:white;
           --dlbtn2-color:white;
           --dlbtn2-background:white;
           --snapshot1-mtop:1.72rem;
           --snapshot1-width:6.69rem;
           --snapshot1-height:6.34rem;
           --snapshot1-url:url(/imgs/classroom.jpg);
           background-color:var(--page-default-bgColor);
           position: fixed;
           top:0;
           left:150px;right:0;z-index: 1111;
            display:flex; align-items: center;justify-content: center;
          ">
        <div class="App_Main__L5POg">
          <div class="App_Body__lXBfL" style="transform: scale(0.86);">
            <div class="App_Content__1mMjH">
              <div class="Text_Text__kOgcI">
                <div class="Text_title__QFO7S">AI + Java训练营</div>
                <div class="Text_highlight__I0ahs">点燃科技启蒙之火、用心成就每一位学员</div>
                <div class="Text_keywords__UFyBC">JavaEE就业课是专为希望迅速提升Java开发技能并在Java编程领域就业的学员
                  设计的，课程强调实操，采⽤分层教学法，涵盖了Java基础到⾼级技术，包括
                  JavaSE基础、进阶、Web开发与SSM框架、微服务框架基础与⾼级应⽤。课程
                  采⽤项⽬进⾏教学，通过沉浸式场景化实战和组件化项⽬开发，提⾼学⽣的实际
                  ⼯作能⼒。此外，还包括了对现代企业常⽤技术如分布式⽂件存储、缓存优化、
                  微服务架构等的深⼊学习，并且新增AI相关技术、旨在全⽅位提升学员的市场竞争⼒。
                </div>
                <div class="Text_description__ccpoK">
                  <ul>
                    <li><span class="Text_stress__70qth">抢占先机：</span>丰富项目经验和多样化解决方案
                      在求职市场中更具竞争力、助力获得更多就业机会，更为高薪与长久职业发展赋能
                    </li>
                    <li><span class="Text_stress__70qth">学习工作任务化：</span>模拟真实工作场景，增强实际操作能力
                      提前体验工作环境，为毕业后做好准备
                    </li>
                    <li><span
                        class="Text_stress__70qth">AI智能体开发：</span>AI智能体开发 提薪利器、六大AI创新案例实战演练
                      在真实项目环境中掌握AI技术应用
                    </li>
                    <li><span class="Text_stress__70qth">目录大纲视图：</span>课程全面融入AI大模型，层层递进，让你零基础也能成为适应未来需求的全方位人才
                    </li>
                    <li><span class="Text_stress__70qth">课程实时性：</span>课程紧跟企业用人需求 迈上更高职业起点、技术深度广度双向进阶，助你跨过AI时代技术能力分水岭。
                    </li>
                    <li><span
                        class="Text_stress__70qth">多领域项目实战：</span>持续增加 实时响应市场变化、助力获得更多就业机会，更为高薪与长久职业发展赋能
                    </li>
                  </ul>
                  <div class="Text_stress__70qth Text_nowrap__08Bjt">拥有希望的人，和漫天的星星一样，是永远不会孤独的、凡是不能杀死你的，最终都会让你更强
                  </div>
                </div>
              </div>
              <div class="App_Footer__7DC7z flex w100">
                <nuxt-link  to="/special/classroom" data-agl-cvt="6" class="App_download__zC_Qi" style="color:white;background:#333333">
                      <svg
                          class="App_winicon__H0_Xr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                        <path fill="white"
                              d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z">
                        </path>
                      </svg>
                      <span>{{cspecial?"已订阅":"查看明细"}}</span>
                </nuxt-link>
                <div data-agl-cvt="6" class="App_download__zC_Qi ml30" style="color:white;background:#333333">
                    <svg
                        class="App_winicon__H0_Xr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                      <path fill="white"
                            d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z">
                      </path>
                    </svg>
                    <span>联系飞哥</span>
                    <div class="qrcode-img">
                      <img src="/imgs/feige.jpg">
                    </div>
                </div>
              </div>
            </div>
            <div class="App_snapshots__RrZ3c">
              <div class="App_snapshot__naVi4 App_snapshot1__VBYrn"></div>
            </div>
          </div>
          <div class="App_CorpInfo__rZc6x"></div>
        </div>
      </div>
    </div>
  </main>
</template>
<script setup>
const showFlag = ref(false)
const cspecial = ref({})

const handleLoadDetail = async () => {
  showFlag.value = true
  const resp = await useValidatorBuyFlag("10003")
  cspecial.value = resp.data
  showFlag.value = false
}

definePageMeta({
  layout: "nindex"
})

onMounted(() => {
  handleLoadDetail()
})


</script>
<style scoped>

</style>